import { Card } from "@/components/card/card";
import { Table } from "@/components/table/table";
import { THead } from "@/components/table/thead";
// import { TBody } from "@/components/table/tbody";
import { Tr } from "@/components/table/tr";
import { Td } from "@/components/table/td";
// import { useEffect, useState } from "react";
import "./right.scss";
export const RightTable = (): React.ReactElement => {
  // const [tableData, setTableData] = useState<TableData[]>([]);

  // const haveTableData = async (): Promise<void> => {
  //   let res = await getTableData();
  //   setTableData(res);
  // };
  // useEffect(() => {
  //   haveTableData();
  // }, []);
  return (
    <>
      <Card className="right_table">
        <Table>
          <THead>
            <Tr color="#c127b9">
              <Td align="center">收益</Td>
              <Td align="center">时间</Td>
            </Tr>
          </THead>
          {/* <TBody>
            {tableData?.map((item, index) => (
              <Tr key={index}>
                <Td align="center">{item.income}</Td>
                <Td align="center">{item.create_time}</Td>
              </Tr>
            ))}
          </TBody> */}
        </Table>
      </Card>
    </>
  );
};
